#alertBoxLower {
    position: fixed;
    bottom: -250px;
    left: 50%;
    transform: translateX(-50%);
    padding: 12px 18px;
    font-size: 18px;
    border: 1px solid #bce8f1;
    border-radius: 4px;
    box-shadow: 2px 4px 10px rgba(0,0,0,0.6);
    transition: bottom 0.5s ease-in-out, opacity 0.5s ease-in-out;
  }
  
  #alertBoxLower.primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
  }
  
  #alertBoxLower.secondary {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
  }
  
  #alertBoxLower.success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
  }
  
  #alertBoxLower.danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
  }
  
  #alertBoxLower.warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
  }
  
  #alertBoxLower.info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
  }
  
  #alertBoxLower.light {
    color: #818182;
    background-color: #fefefe;
    border-color: #fdfdfe;
  }
  
  #alertBoxLower.dark {
    color: #1b1e21;
    background-color: #d6d8d9;
    border-color: #c6c8ca;
  }
  
  #alertBoxLower.show{
    opacity: 1.0;
    bottom: 50px;
  }
  